<script type="text/ng-template" id="components/imageUploader">
  <style>
    .image-uploader-drop-area {
      background: #eee;
      height: 200px;
      width: 100%;
    }

    .image-uploader-text {
      color: #888;
      font-size: 2em;
      height: 100%;
      margin: 0 auto;
      padding-top: 80px;
      text-align: center;
      width: 100%;
    }

    .image-uploader-is-active {
      background: red;
    }

    .image-uploader-file-input-container {
      margin-top: 20px;
    }

    .image-uploader-file-input {
      margin-top: 10px;
    }
  </style>

  <div class="image-uploader-drop-area">
    <div class="image-uploader-text">
      Drag image here
    </div>
  </div>

  <div class="image-uploader-file-input-container">
    or select an image file:
    <input type="file" class="image-uploader-file-input" ng-class="fileInputClassName">
  </div>
</script>
